.flex{
  display: flex;
  // display: -webkit-box;
  // display: -moz-box;
  // display: -ms-flexbox;
  // display: -o-box;
  // display: box;
  // display: -webkit-flex;
}
.fd-c{
flex-direction :column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient :vertical;
-moz-box-direction :normal;
-webkit-flex-direction :column;
}

.fd-r{
flex-direction :row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient :vertical;
-moz-box-direction: normal;
-webkit-flex-direction: row;
}

.jc-fs{
justify-content :flex-start;
-webkit-justify-content :flex-start;
justify-content :flex-start;
-moz-box-pack :flex-start;
box-pack :flex-start;
}
.jc-fe{
justify-content :flex-end;
-webkit-justify-content :flex-end;
justify-content :flex-end;
-moz-box-pack :flex-end;
box-pack :flex-end;
}

.jc-sa{
justify-content: space-around;
-webkit-justify-content: space-around;
-moz-box-pack: space-around;
box-pack: space-around;
}

.jc-sb{
justify-content :space-between;
-webkit-justify-content :space-between;
-moz-box-pack :space-between;
box-pack :space-between;
}

.jc-c{
justify-content :center;
-webkit-justify-content :center;
-moz-box-pack :center;
box-pack :center;
}

.ai-fs{
align-items :flex-start;
-webkit-align-items :flex-start;
-moz-box-align :flex-start;
-webkit-box-align :flex-start;
}

.ai-fe{
align-items :flex-end;
-webkit-align-items :flex-end;
-moz-box-align :flex-end;
-webkit-box-align :flex-end;
}

.ai-c{
align-items :center;
  -webkit-align-items :center;
  box-align :center;
  -moz-box-align :center;
  -webkit-box-align :center;
}
  
.ai-bl{
align-items: baseline;
  -webkit-align-items: baseline;
  box-align: baseline;
  -moz-box-align: baseline;
  -webkit-box-align: baseline;
}
.fw-w{
flex-wrap :wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
}
  

.fw-nw{
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap :nowrap;
}

.fs-0{    
flex-shrink:0;
}

.fx-1{
    flex: 1;
}

/**/
